<script>
    export default{

    }
</script>
<style>
    @font-face {
        font-family: 'icon';  /* project id 129360 */
        src: url('//at.alicdn.com/t/font_129360_ccv80hx6hvmo0f6r.eot');
        src: url('//at.alicdn.com/t/font_129360_ccv80hx6hvmo0f6r.eot?#iefix') format('embedded-opentype'),
        url('//at.alicdn.com/t/font_129360_ccv80hx6hvmo0f6r.woff') format('woff'),
        url('//at.alicdn.com/t/font_129360_ccv80hx6hvmo0f6r.ttf') format('truetype'),
        url('//at.alicdn.com/t/font_129360_ccv80hx6hvmo0f6r.svg#iconfont') format('svg');
    }
    html,body{
        width:100%;
        height:100%;
        margin: 0px;
        padding:0px;
    }
    #app,#majorMap,#majorMapBox{
        width:100%;
        height:100%;
    }
    .anchorBL{
        display:none !important;
    }
    .majorMap_contor{
        position:absolute;
        width: 50px;
        top:57%;
        right:0px;
        color:white
    }
    .majorMap_add{
        font-family: 'icon';
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 30px;
        font-size: 16px;
        font-weight: 600;
        color: #7fbce9;
        margin-bottom: 2px;
        transition: all linear 0.3s;
        -webkit-transition: all linear 0.3s;
        -moz-transition: all linear 0.3s;
        -o-transition: all linear 0.3s;
    }
    .majorMap_add:hover{
        background-color:#7fbce9;
        color: black;
        cursor:pointer;
    }
    .pla-tool{
        position: absolute;
        right: 80px;
        top: 43px;
        padding: 0px;
    }
    .pla-tool>div{
        float: left;
        height: 30px;
        font-size: 14px;
        color: white;
    }
    .pla-tool-name{
        width:140px;
        text-align: center;
        line-height:26px;
    }
    .pla-tool-name:hover{
        cursor: pointer;
    }
    .pla-tool-iList{
        width: 44px;
        position: relative;
    }
    .pla-tool-img{
        height: 26px;
        width: 26px;
        margin: auto 0px;
        position: absolute;
        bottom: 0px;
        top: 12px;
        left: -10px;
        right: 0px;
        display: inline-block;
        overflow:hidden;
        border-radius: 50%;
    }
    .pla-tool-img>img{
        display: inline-block;
        width:100%;
        height:100%;
    }
    .pla-tool-icon{
        font-family: 'icon';
        position: absolute;
        top: -15px;
        left: 6px;
        color: #d7532d;
        font-size: 21px;
        z-index: 10;
    }
    .useName-n,.set-gj{
        height: 26px;
        line-height:26px;
        font-size:14px;
        cursor: pointer;
        text-align:center;
    }
    #nested{
        background-color: rgba(0,0,0,.75);
        position:absolute;
        top:0px;
        width:100%;
        height: 100%;
    }
    .z_nes{
        z-index: 9999;
    }
    .useName-list{
        /* position: absolute;
        margin: -2px 0px 0px -14px; */
        padding: 0;
        list-style: none;
        /* background: rgba(8,19,37,0.9); */
        background: rgba(7,14,42,0.5);
    }
    .useName-list>li{
        width: 100%;
        height:25px;
        text-align: center;
        margin:5px 0px 5px 0px;
        line-height:25px;
        cursor: pointer;
        font-size:12px;
    }
    .se-list{
        /*     position: absolute;
            margin: -2px 0px 0px -12px; */
        padding: 0;
        list-style: none;
        background: rgba(7,14,42,0.5);
    }
    .se-list>li{
        width: 100%;
        height:25px;
        text-align: center;
        margin:5px 0px 5px 0px;
        line-height:25px;
        cursor: pointer;
    }
    .useName-list>li:hover,.se-list>li:hover,.airlist_:hover{
        cursor: pointer;
        background: rgba(63,92,124,0.8);
    }
    .pla-tool-useName{
        min-width: 140px;
        position: relative;
        /* padding-right: 10px; */
    }
    .pla-btn-national{
        display:none;
    }
    .pla-tool-set:before,.pla-tool-useName:before{
        content: '\e64b';
        position: absolute;
        right: -15px;
        bottom: -2px;
        color: #7fbce9;
        font-size: 22px;
        z-index: 10;
        font-family: 'icon';
    }
    .pla-tool-message:before{
        content: '\e664';
        position: absolute;
        top: -17px;
        left: 241px;
        color: rgba(19,35,61,0.6);
        font-size: 21px;
        z-index: 10;
        transform: rotate(-90deg);
        font-family: 'icon';
    }
    .pla-tool-set{
        width: 140px;
        position: relative;
        cursor:pointer;
    }
    .anchorBL{
        display:none;
    }
    .acc_diagram{
        position:absolute;
        top:0px;
        left:0px;
        width:360px;
        height:100%;
        z-index:4;
        display: flex;
        flex-direction:column;
        flex-wrap: nowrap;
        background-color: rgba(24,40,70,0.5);
        padding-right: 30px;
    }
    .acc_swithN{
        position:absolute;
        top: 50%;
        width: 15px;
        height: 15px;
        right: 8px;
        font-family:icon;
        font-size: 12px;
        line-height: 15px;
        text-align: center;
        color: #7ebce9;
        cursor: pointer;
        transform: rotate(180deg);
    }
    .acc_swithN:hover{
        color: #3841B6;
    }
    .acc_diagram_max{
        width:720px !important;
    }
    .diagrams-enter-active,.diagrams-leave-active{
        transition: all 0.5s linear;
    }
    .diagrams-enter,.diagrams-leave{
        width:360px;
    }
    .diagrams-enter-active{
        width:720px;
    }
    .diagrams-leave-active{
        width:720px;
    }




    .acc_punctuality{
        width: 100%;
        display: flex;
        height: 320px;
    }
    .acc_punctuality_n{
        flex: 1;
    }
    .acc_turnoverT{
        height: 50px;
        width: 100%;
        z-index: 99;
        position:relative;
    }
    .acc-turnover-box{
        flex: 1;
        width: 100%;
        display: flex;
        position: relative;
        flex-direction: column;
        flex-wrap: nowrap;
        z-index: 98;
    }
    .acc_turnover{
        flex: 1;
        width:100%;
        position: relative;
    }
    .acc_turnoverTable{
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        z-index: 999;
        padding: 5px 10px;
    }
    .acc_turnoverTableN{
        text-align: center;
        color:white;
        font-size:12px;
    }
    .showTbale{
        z-index:-1;
    }
    #acc_turnoverBt{
        position: absolute;
        top: 1px;
        right: -23px;
        background-color: #224979;
        border: none;
        border-radius: 3px;
        color: white;
        font-size: 12px;
        padding: 2px 5px;
        outline: none;
        cursor: pointer;
    }
    #acc_turnoverBt:hover{
        background-color: #215785;
    }
    #acc_turnoverBt:active{
        background-color: #1c3a63;
        border:none;
    }
    .acc_turnoverTable th,.acc_turnoverTable td {
        white-space:nowrap;
        margin: 0;
        text-align:center;
        font-size:12px;
        padding:2px 5px;
        color: #bebebe;
    }
    .acc_turnoverTableH th{
        border-top: 1px solid #bfbfbf;
        border-left: 1px solid #bfbfbf;
    }
    .acc_turnoverTableH th:last-of-type{
        border-right: 1px solid #bfbfbf;
    }
    .acc_turnoverTableI td{
        border-top: 1px solid #bfbfbf;
        border-left: 1px solid #bfbfbf;
    }
    .acc_turnoverTableI td:last-of-type{
        border-right: 1px solid #bfbfbf;
    }
    .acc_turnoverTable table{
        border-bottom: 1px solid #bfbfbf;
        margin: 0 auto;
    }

    .airlineBack{
        position: absolute;
        right: 24px;
        top: 45%;
        font-family: 'icon';
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 30px;
        font-size: 16px;
        font-weight: 600;
        color: #7fbce9;
        margin-bottom: 2px;
        transition: all linear 0.3s;
        -webkit-transition: all linear 0.3s;
        -moz-transition: all linear 0.3s;
        -o-transition: all linear 0.3s;
        cursor:pointer;
    }
    .airlineBack:hover{
        background-color:#7fbce9;
        color: black;
    }
    .acc_titles{
        position: absolute;
        top:15px;
        left:0px;
        padding-left:35px;
        color: white;
        font-size:14px;
        display: flex;
        z-index: 50;
    }
    .not_allowed{
        cursor: not-allowed;
        opacity: 0.2;
    }
    .acc_titles>div:first-of-type{
        margin-right: 20px;
    }
    .acc_titles_ltem0{
        font-size:12px;
    }
    .acc_titles_ltem1{
        cursor: pointer;
        border: 1px solid rgba(63,91,124,0.0);
    }
    .acc_titles_ltem1:hover{
        border: 1px solid rgba(63,91,124,0.5);
    }
    .acc_titles_ltem1>span{
        font-family: 'icon';
        font-size:12px;
        color: #3f5b7c;
    }
    .acc_titles_ltem1x{
        color: #7ebbe8 !important;
    }
    .acc_titles_ltem5{
        color: #7ebbe8;
        font-style: italic;
        font-weight: 600;
    }
    .acc_turnovers{
        width:100%;
        height: 100%;
    }
    .acc_item{
        height: 25px;
        background-color:#395b9b;
        line-height: 25px;
        text-align: center;
        color: white;
        font-size:12px;
        border-radius:4px;
    }
    .acc_item:hover{
        background-color:#19315f;
        cursor: pointer;
    }
    .acc_itemt{
        height: 25px;
        background-color: #224979;
        line-height: 25px;
        text-align: center;
        color: white;
        font-size:12px;
        border-radius:4px;
        position:relative;
    }
    .acc_itemt:after{
        content: '\e88f';
        font-family: 'icon';
        font-size: 12px;
        transform: rotateX(45deg);
        position: absolute;
        right: 10px;
    }
    .acc_itemt:hover{
        background-color: #1d2f5f;
        cursor: pointer;
    }
    .acc_timeList{
        display: inline-block;
        width: 80px;
        margin: 0px 10px 0px 35px;
    }
    .acc_infList{
        display: inline-block;
        width: 80px;
        vertical-align: top;
    }
    .acc_che{
        color: white;
        font-size: 12px;
        vertical-align: middle;
        position: absolute;
        left: 220px;
        top: 2px;
        width:45px;
    }
    .acc_che:last-of-type{
        left: 270px;
    }
    .acc_che>input{
        margin: 0px;
        vertical-align: middle;
    }
</style>